關於這個系列：
這是一個超超超新手的實戰建構全紀錄！內容包含了從主題發想、介面設計、Bootstrap 5 切版，一路到 JavaScript 動態功能實作的點點滴滴。內容偏向基礎，還請各位高手多多包涵xD，希望能用最直白、最真實的角度，記錄下這 30 天把點子實體化的過程。

Hello 大家好，我是Aria！

為了打造一個屬於自己的個人網站，我踏上了前端開發的漫漫學習之路。雖然剛完成了 網頁切版（HTML & CSS / Bootstrap 5）的階段性學習，正踏入 JavaScript 的世界，但在每次練習與寫作業時，我都面臨一個非常困擾的問題：

「我根本不知道自己要花多久時間才能寫完作業。」

面對全新的知識，我很難精準估算完成一項作業或階段任務需要的時間。身為一個需要對計劃有掌控感的 MBTI「J人」，這種無法預測的感覺讓我感到焦慮。

有時預估時間抓得太保守，一旦寫得很順，就會打亂後面的行程規劃；反之亦然。當這種情況反覆發生，我意識到必須找到解決方法——在我尚未熟練這項技能前，最好的方式就是記錄每次任務與學習的實際耗時。這不僅能作為日後評估時程的參考，未來也可以結合 AI 進行智慧時間預估，並與實際耗時進行比對。

我也曾嘗試使用市面上的計時工具，但發現多數產品都主打「強制專注」與「固定倒數」（例如傳統番茄鐘），但很容易在我進入心流狀態時硬生生打斷思路。
後來我改用最原始的方法：在紙上寫下開始與結束時間。這個方法雖然干擾最小，但每次結算與統計都有點麻煩。
(↓實際記錄在紙上的情況)

「如果能有一個工具，既能保留紙本紀錄的低干擾感，又能自動幫我統計時間，甚至提供數據視覺化與智慧預估呢？」

這就是這個專案的起點。接下來的 30 天，我將結合剛學會的前端知識，從零打造一款真正貼合學習情境的任務計時器。希望這不只是一次鐵人賽的挑戰，更是未來陪伴我持續成長的利器！